body {
   margin: 0px;
   padding: 0px;      
   background-color: black;
   font-family: sans-serif;
   color: white;
}
a, a:visited, a:link, a:active {
    text-decoration: none;
    color: white;
    font-size: 35px;
}

#generale {
   width: 100%;
   height:100%;
   /*background-image:url("../images/sfondopattern.png");*/
   background-repeat: repeat;
   position:absolute;
   z-index:2;
   min-width: 850px;
}

#contImg {
    width: 100%;
}
#contImg img{ 
    width: 70%;
    position: relative;
    left: 200px;
    
}
/************************** MENU ****************************/
#menu {
    position:absolute;
    top:66px;
    left:33px;
    width:312px;
    font-family: 'Julius Sans One', sans-serif;
}
.buttonMenu{
    z-index: 4;
    position:absolute;
    display:block;
    border-right: dotted 1px white;
    padding-right: 10px;
}
.buttonMenu:active {
    font-size: 34px;
}
/*.buttonMenu:before{
    content:"\F000";
    font-family: Symbols;
    font-size: 11px;
    color:red;
}*/
.hover {
      height: 40px; 
      position: absolute; 
      width:700px; 
      z-index: 3;
      border-bottom: solid 2px white;
      border-top: solid 1px white;
      border-bottom-right-radius: 15px;
      
}
.hover.home{
    width: 620px;  
}
.hover.aboutMe{
    width: 695px;
}
.hover.gallery{
    width: 660px;
}
.hover.contatti{
    width: 687px;
}
.hover.news{
    width: 610px;
}

#menu .home{top: 0px;left: 210px;}
#menu .aboutMe{top: 115px;left: 60px;}
#menu .gallery{top: 231px;left: 130px;}
#menu .contatti{top: 339px;left: 40px;}
#menu .news{top: 445px; left: 110px;}
/**************************************************************/
#contImgAboutMe {
    width: 50%;
    float: right;
    padding: 15px;
    border: 2px solid white; 
    border-radius: 15px;
    margin: 20px;
}
#contImgAboutMe img {
    width: 100%;
}
#testoAbMe {
    width: 50%;
    float: right;
    padding: 15px;
    border: 2px solid white;
    border-radius: 15px;
    margin: 20px;
    
}
#testoAbMe ul li{
    margin-top: 10px;
}
.img1{
    display:block;
}
.img2{
    display:none;
}
#contImgAboutMe:hover .img1{
    display:none;
}
#contImgAboutMe:hover .img2{
    display:block;
}
#testoAbMe img{
    width:100%;
}
h5 {
    z-index: 4;
    color: white;
    font-size: 20px;
    font-weight: normal;
    text-align: justify;
}

#testoAbMe img.system{
    width:300px;
    height: 420px;  
    float:left;
}
#testoAbMe img.colori{
    width:402px;
    height: 312px;  
    float:left;
}


#socialNetwork{
    position:fixed;
    right:0px;
    width: 120px;
    height: 290px;
    border: solid 2px white;
    border-right:none;
    border-top:none;
    border-bottom:none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    top: 300px;
    z-index: 5;
    font-family: 'Julius Sans One', sans-serif;
}

#textSocial{
    width:38px;
    float:left;
    position:fixed;
}
p{
    color: white;
    text-align: left;
    padding:10px;
} 

.buttonSocial{
    position:absolute;
    display:block;
    z-index:4;
    right:15px;
}
.buttonSocial.facebook{
    top:60px;
}
.buttonSocial.twitter{
    top:145px;
}
#languages{
    position:fixed;
    top:0px;
    right:70px;
    width:190px;
    height:70px;
    border: solid 2px white;
    z-index:5;
    border-right:none;
    border-top:none;
    border-left:none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: 'Julius Sans One', sans-serif;
}
#textLang{
    width:190;
    top:70px;
    padding-top:20px;
    color:white;
}
#languages p{
    text-align: center;
}
.icoLang{
    position:absolute;
    display:block;
    z-index:4;
    top:5px;
}
.ita{
    right:100px;
}
.eng{
    right:50px;
}

#footer{
    position:fixed; 
    bottom: 0px;
    width: 100%;
    border-top: double 8px white;
    font-style:  oblique;
    z-index: 6;
    color: white;
    text-align: center;
    background: #000; 
}
#gallery-wrapper {
    width: 861px;
    position: absolute;
    top: 0px;
    right: 0px;
}

/***************** GALLERY ***************/
#gallery {
    width:100%;
    font-family: 'Julius Sans One', sans-serif;
}

#gallery .ad-nav, #gallery .menu-container, #gallery .ad-controls {
    margin: 0 auto;
    position:relative;
    width:980px;
    text-align:center;
}
#gallery .ad-thumbs {padding: 2%;}

#gallery .menu-container {
    border-bottom:2px solid white;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    
}
#gallery .menu-container .hiddenMenu{
    text-align: left;
    position: absolute;
    left: 407px;
    z-index: 11;
    background: black;
    border-radius: 0px 0px 11px 11px;
    padding: 11px 0px;
    list-style:none;
    margin: 0;
    display:none;
}
#gallery .menu-container .hiddenMenu li {
    border-bottom: 1px solid white; 
    padding:8px;
    border-bottom-right-radius:15px;
}
.ad-gallery {
  width: 600px;
}